﻿
<!doctype html>
<html lang="zxx">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Home</title>
  <!-- Template CSS -->
  <link rel="stylesheet" href="assets/css/style-starter.css">
  <!-- Template CSS -->
  <link href="http://fonts.googleapis.com/css?family=Spartan:400,500,600,700,900&display=swap" rel="stylesheet">
  <!-- Template CSS -->

</head>
<body>
<!--头部 -->
<section class="w3l-banner-main w3l-inner-page-main">
	<div class="breadcrumb-infhny">
		<header id="site-header" class="header-top">
			<nav class="navbar navbar-expand-lg shift " id="header">
				<a class="navbar-brand" href="index.html">
					个人介绍<span class="dot-1">.</span>
				</a>
				<button class="navbar-toggler bg-gradient" type="button" data-toggle="collapse"
						data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
						aria-label="Toggle navigation"><span class="navbar-toggler-icon fa fa-bars"> </span>
				</button>
				<!--nav排版-->
				<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item active">
							<a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item ">
							<a class="nav-link effect-3" href="about.html">关于</a>
						</li>

						<li class="nav-item">
							<a class="nav-link effect-3" href="contact.html">介绍</a>
						</li>
					</ul>

				</div>
			</nav>
		</header>

	</div>
	<nav id="breadcrumbs" class="breadcrumbs">
		<div class="page-wrapper">
			<a href="#">主页</a> » <span class="breadcrumb_last" aria-current="page">主页</span></div>
	</nav>
</section>

  <!-- /主页-->
  <section class="w3l-banner-main">

	  <!-- //Homepage -->
<section class="w3l-content-w-photo-6" id="about">
	<!-- /content-grids-->
	<div class="content-photo-info py-5">
		<div class="container py-lg-3">
			<!-- /row-->
			<div class="content-photo-grids row mt-lg-5 mt-4">
				<div class="photo-6-inf-left col-lg-6 pr-lg-4">
					<img src="assets/images/ab.jpg" class="img-fluid" alt="">
				</div>
				<div class="photo-6-inf-right col-lg-6 text-left pl-lg-5">

					<h3 class="hny-title">
						关于我<span class="dot-1">.</span></h3>
					<p>我是一名来自中南财经政法大学的大二学生涂扬威，就读专业为信息管理与信息系统，课外生活听挺丰富的，平时喜欢阅读，跑步，篮球，游泳</p>
					<div class="read-more mt-lg-5 mt-4">
						<a href="about.html" class="read-more">
							<span class="more_icon fa fa-long-arrow-right"></span>
							<span class="more_text">更多</span>
						</a>
					</div>
				</div>
			</div>
			<!-- //row-->
			<!-- /row-->
			<!-- //row-->

		</div>
	</div>
</section>
<!-- //content-grids-->

  
<section class="w3-gallery">
	<!-- Portfolio -->
	<div class="portfolio py-5">
		<div class="container py-lg-5">

			<h3 class="hny-title">母校风光<span class="dot-1">.</span></h3>

			<ul class="portfolio-area clearfix p-0 m-0 row">
				<li class="portfolio-item2 content" data-id="id-1" data-type="cat-item-1">
					<span class="image-block">

						<a class="image-zoom" href="assets/images/g1.jpg" data-gal="prettyPhoto[gallery]">
							<div class="content-overlay"></div>
							<img src="assets/images/g1.jpg" class="img-fluid" alt="portfolio-img">

							<div class="content-details fadeIn-bottom">
								<h3 class="content-title">图片名称</h3>

							</div>
						</a>
					</span>
				</li>
				<li class="portfolio-item2 content" data-id="id-2" data-type="cat-item-2">
					<span class="image-block">

						<a class="image-zoom" href="assets/images/g2.jpg" data-gal="prettyPhoto[gallery]">
							<div class="content-overlay"></div>
							<img src="assets/images/g2.jpg" class="img-fluid" alt="portfolio-img">
							<div class="content-details fadeIn-bottom">
								<h3 class="content-title">图片名称</h3>

							</div>
						</a>
					</span>
				</li>
				<li class="portfolio-item2 content" data-id="id-3" data-type="cat-item-3">
					<span class="image-block">

						<a class="image-zoom" href="assets/images/g3.jpg" data-gal="prettyPhoto[gallery]">
							<div class="content-overlay"></div>
							<img src="assets/images/g3.jpg" class="img-fluid" alt="portfolio-img">
							<div class="content-details fadeIn-bottom">
								<h3 class="content-title">图片名称</h3>

							</div>
						</a>
					</span>
				</li>
				<li class="portfolio-item2 content" data-id="id-4" data-type="cat-item-2">
					<span class="image-block">

						<a class="image-zoom" href="assets/images/g4.jpg" data-gal="prettyPhoto[gallery]">
							<div class="content-overlay"></div>
							<img src="assets/images/g4.jpg" class="img-fluid" alt="portfolio-img">
							<div class="content-details fadeIn-bottom">
								<h3 class="content-title">图片名称</h3>

							</div>
						</a>
					</span>
				</li>

				
			</ul>
			<!--end portfolio-area -->
			<!-- /Portfolio-grids -->
		</div>

	</div>
</section>
<!-- //Portfolio -->
<!-- blog with slider -->
<section class="blog-slider">
    <div class="blog-slider-inner py-5">
        <div class="container py-lg-5">
            <h3 class="hny-title two">
                旅游经历<span class="dot-1">.</span></h3>
            <div class="row inner-sec-w3layouts mt-4">
                <div class="col-lg-4 col-md-6 content-left-sec blog-slide-grid mt-4">
                    <div class="blog-slide-img">
                        <a href="#"><img src="assets/images/1.jpg" class="img img-fluid" alt=""></a>
                    </div>
                    <div class="blog-slide-info">

                        <a href="#">
                            <h4 class="mt-4 mb-0">旅游风景 1</h4>
                        </a>
                        <h6 class="mt-sm-2 mt-1"> 2020.6.10</h6>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6 content-left-sec blog-slide-grid mt-4">
                    <div class="blog-slide-img">
                        <a href="#"><img src="assets/images/2.jpg" class="img img-fluid" alt=""></a>
                    </div>
                    <div class="blog-slide-info">

                        <a href="#">
                            <h4 class="mt-4 mb-0">旅游风景 2</h4>
                        </a>
                        <h6 class="mt-sm-2 mt-1"> 2020.6.10</h6>

                    </div>
                </div>

                <div class="col-lg-4 col-md-6 content-left-sec blog-slide-grid mt-4">
                    <div class="blog-slide-img">
                        <a href="#"><img src="assets/images/3.jpg" class="img img-fluid" alt=""></a>
                    </div>
                    <div class="blog-slide-info">

                        <a href="#">
                            <h4 class="mt-4 mb-0">旅游风景 3</h4>
                        </a>
                        <h6 class="mt-sm-2 mt-1"> 2020.6.10</h6>

                    </div>
                </div>

            </div>
        </div>
    </div>
</section>

<!-- //footer -->
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>

	  </section>
</body>

</html>

